<style type="text/css">
	img{
		max-height: 120px;
		max-width: 120px;
	}
</style>
<div class="col-md-8" style="background-color:#FFFFFF;border-radius:8px;padding:30px;margin:10px">
<div class="row">
	<div class="col-md-12 ">
		<h2><small><span class="glyphicon glyphicon-list"></span> </small>{$Think.get.bid|bidname}</h2>
	</div>

</div>
<hr>
<div class="row">
	<div class="col-md-4 col-xs-12">
		<a href="/index.php/Index/board?type=post&bid={$Think.get.bid}" class="btn-xs btn-info">最新发帖</a>
		<a href="/index.php/Index/board?type=repost&bid={$Think.get.bid}" class="btn-xs btn-info">最新回复</a>
	</div>
		<p class="text-right"><a href="/index.php/Post/add?bid={$Think.get.bid}" class="btn btn-primary">发帖</a></p>
</div>
<div class="row">
	<table class="table table-striped">
		<tr class="info">
			<th>主题</th>
			<th></th>
			<th class="text-right"></th>
		</tr>
		<volist name="post" id="p">
			<tr class="move_on" value="image_{$p['pid']}">
				<td >
					<p><span><a href="/index.php/Index/post/pid/{$p['pid']}" class="post_link">{$p['title']}</a></span></p>
					<p><small class="text-muted"><a href="/index.php/Profile/index/uid/{$p['uid']}" class="text-info">{$p['uid']|uidname}</a> 发布于 {$p['time']|date="Y-m-d H:i",###}</small></p>
				</td>
				<div class="row" id="user_{$p[pid]}" style="width:200px;height:100px;display:none;background-color:#E3E3E3;position:fixed;border-radius:5px">
						<div class="col-xs-5">
								<img src={$p['uid']|uidimage} width="80px" height="80px" style="margin-top:5px">
						</div>
						<div class="col-xs-6" style="margin:5px">
							<p>{$p['uid']|level}</p>
						</div>						
				</div>
				<td>
					<span style="display:none" id="image_{$p['pid']}">{$p['image']|postimage}</span>
				</td>
				<td class="text-right user_info"  AM="{$p[pid]}">
					<small class="text-muted">
						<span class="glyphicon glyphicon-comment"></span>{$p['num']} /
						<span class="glyphicon glyphicon-eye-open"></span>{$p['view']}
					</small>
				</td>
			</tr>
		</volist>
		<tr>
			<td class="text-center">{$show}</td>
			<td></td>
		</tr>
	</table>
</div>
</div>


<div class="col-md-3" >
	<div class="row" style="background-color:#FFFFFF;border-radius:8px;padding:30px;margin:10px;margin-left:5px">
		<form action="/index.php/Index/search" method="get" >
			<div class="row">
				<div class="input-group">
					<input type="text" name="title" class="form-control" placeholder="主题名称">
					<span class="input-group-btn">
						<input type="SUBMIT" class="btn btn-default" VALUE="搜索">
					</span>
				</div>
			</div>
	</form>
	</div>
	<div class="row" style="background-color:#FFFFFF;border-radius:8px;padding:30px;margin:10px;margin-left:5px">
		<p class="text-center"><img src="{$_SESSION['uid']|uidimage}" class="img-circle" width="150px"></p>
		<p class="text-center">{$_SESSION['uid']|level}</p>
		<p class="text-center"><?php sign_button(); ?></p>
	</div>
	<div class="row" style="background-color:#FFFFFF;border-radius:8px;padding:30px;margin:10px;margin-left:5px">
		<?php
			footer();
		?>
	</div>


</div>

<script type="text/javascript">
	$(".user_info").mouseover(function(e){
		var am=$(this).attr("AM");
		$("#user_"+am).css("display","inline");
		$("#user_"+am).css("top",e.clientY);
		$("#user_"+am).css("left",e.clientX);
	})
	$(".user_info").mouseout(function(e){
		var am=$(this).attr("AM");
		$("#user_"+am).css("display","none");
	})
	$(".user_info").click(function(){
		var am=$(this).attr("AM");
		window.location.href="/index.php/Index/post/pid/"+am;
	})
	$(".move_on").mouseover(function(){
		var image=$(this).attr("value");
		$("#"+image).css("display","inline");
	})
		$(".move_on").mouseleave(function(){
		var image=$(this).attr("value");
		$("#"+image).css("display","none");
	})
</script>